body{
	/*min-width: 1300px;*/
	overflow-x:auto;
}
.fp-slide {
	position: absolute;
	width: 100%;
}
/*
img-section
*/
.header{
	z-index: 10;
	position: absolute;
	top:  0;
	left: 0;
	width: 100%;
	/*height: 88px;*/
	background-color: #fff;
}
#logo{
	position: relative;
	top: 50%;
	left: 35px;
	max-width: 63px;
	max-height: 65px;
	width: auto;
	height:63%; 
	-webkit-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}

#section-link{
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: auto;	
	z-index: 5;
}
.slide {
	/*padding-top:103px; */
	overflow: hidden;
	text-align: center;
}
.slide .slide-img{
	display: block;
	position: absolute;
	top:-35px;
	margin: 0 auto;
	width: auto;
	width: 100%;
	/*height: 130%;*/
}
.img-section .fp-controlArrow{
	display: none;
}
.img-section .fp-slidesNav.bottom {
    bottom: 10%;
	z-index:7;
}
.img-section .fp-slidesNav ul li a span{    background: #fff;}


/*
video-section
*/
.text{
	z-index: 10;
	margin-top: 63px;
    margin-bottom: 20px;
}
.text img {
	width: 100%;
}
.video-section{
	/*padding-top: 10px;*/
	overflow: hidden;
	background: url(img/section2-bg.png) no-repeat;
	background-position: 100% 100%;
}
#section2-bg{
	position: absolute;
	right: 0;
	bottom: 0;
}
.video-content{
	z-index: 10;
    height: 100%;
	padding: 1px 13.56%;
	vertical-align: center;
}
.video-content .fp-slide {
	height: auto;
}
.video-content .fp-slidesContainer {
	height: auto;
}
.video-content .fp-slides {
	/*height: auto;*/
	width: 75%;
	margin: 0 auto;
}
.video-section .fp-controlArrow.fp-prev {
	border: none;
	left: 5%;
	width: 57px;
	height: 106px;
	background: url(img/arrow-left.png) no-repeat;
}
.video-section .fp-controlArrow.fp-next{
	border: none;
	right: 5%;
	width: 57px;
	height: 106px;
	background: url(img/arrow-right.png) no-repeat;
}
.video-section .fp-slidesNav ul li a span{    background: #b2b2b2;}
video{
	display: block;
	margin: 0 auto;
	/*width: 1166px;*/
	/*height: 658px;*/
	width: 93%;
	height: auto;
	max-height: 658px;
}

/*
show-section
*/
.show-section button{
	display: inline-block;
	width: 48px;
	height: 39px;
	background: url(img/w-point1.png);
	border: none;
	color: #fff;
	z-index:10;
}
.show-section button:focus{
	border: none;
}
.show-section {
	/*padding-top: 10px;*/
}
.show-section:after {display:block;clear:both;content:"";visibility:hidden;height:0}
.show-section{zoom:1}
.show-section .show-left, .show-section .show-right {
	position: relative;
	overflow: hidden;
	/*display: inline-block;*/
	width: 49.6%;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	/*background-size: auto 100%;*/
}
.show-section .show-left *, .show-section .show-right * {
	display: none;
}
.show-section .show-left {
	float: left;
	background-image: url(../img/show-left.png);
	background-position: 40% 50%;
}
.show-section .show-right {
	float: right;
	background-image: url(../img/show-right.png);
}
.show-section .show-left:after, .show-section .show-right:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,2555,255,0.13);
}
.show-section .show-left:hover:after, .show-section .show-right:hover:after {
	display: none;
}
.show-section .show-left.active, .show-section .show-right.active {
}
.show-section .show-left.active:after, .show-section .show-right.active:after {
	display: none;
}
.show-section .go-back {
	display: inline-block;
	position: absolute;
	margin-left: -17px;
	margin-top: -8px;
    top: 3%;
    left: 3%;
	width: 90px;
	height: 60px;
}
.show-section .go-back-img {
	display: inline-block;
	position: absolute;
	margin-left: -17px;
	margin-top: -8px;
    top: 50%;
    left: 45%;
	width: 34px;
	height: 15px;
}
.show-section .point{
	display: inline-block;
	width: 48px;
	height: 39px;
	z-index: 10;
}
.show-section .point-img ,.show-section .point{
	position: absolute;
	margin-left: -24px;
	/*margin-top: -20px;*/
	cursor: pointer;
}
.show-section .show-left .point-1 {
	top: 56%;
	left: 30%;
}
.show-section .show-left .point-2 {
	top: 60%;
	left: 44%;
}
.show-section .show-left .point-3 {
	top: 70%;
	left: 40%;
}
.show-section .show-left .point-4 {
	top: 70%;
	left: 56%;
}
.show-section .detail * {
	position: absolute;
	cursor: pointer;
}
.show-section .show-left .detail .detail-1 {
    top: 56%;
    left: 30%;
    margin-left: 0px;
    margin-top: -211px;
}
.show-section .show-left .detail .detail-2 {
	top: 60%;
	left: 44%;
	margin-left: 0px;
    margin-top: -224px;
}
.show-section .show-left .detail .detail-3 {
	top: 70%;
	left: 40%;
	margin-left: 0px;
    margin-top: -265px;
}
.show-section .show-left .detail .detail-4 {
	top: 70%;
	left: 56%;
	margin-left: 0px;
	margin-top: -253px;
}

.show-section .show-right .point-1 {
	top: 52%;
	left: 30%;
}
.show-section .show-right .point-2 {
	top: 60%;
	left: 64%;
}
.show-section .show-right .point-3 {
	top: 85%;
	left: 65%;
}
.show-section .show-right .detail .detail-1 {
	top: 52%;	
	left: 30%;
	margin-left: -0px;
	margin-top: -130px;
}
.show-section .show-right .detail .detail-2 {
	top: 60%;
	left: 64%;
	margin-left: -506px;
    margin-top: -212px;
}
.show-section .show-right .detail .detail-3 {
	top: 85%;
	left: 65%;
    margin-left: -463px;
    margin-top: -278px;
}

/*
text-section
*/
.text-section {
	position: relative;
	background: url(img/section4-bg.png) no-repeat;
	background-position: 100% 100%;
	background-size: cover;
	vertical-align: center;
}
.text-section .on-way-text{
	position: relative;
	margin: 0 auto;
	padding:  1px;
	top: 50%;
	/*left: 50%;*/
	width: 30.4%;
	text-align: center;
/*	margin-left: -206px;
	margin-top: -190px;*/
	-webkit-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.text-section #on-way {
	display: block;
	margin: 0 auto;
	margin-bottom: 50px;
/*	position: absolute;
	top: 15%;
	left: 50%;*/
	width: 283px;
	height: 104px;
/*	margin-left: -140px;
	margin-top: -52px;*/
}
.text-section #on-way-text {
/*	position: absolute;
	top: 60%;
	left: 50%;*/
	max-width: 584px;
/*	height: 380px;*/
	width: 100%;
	min-width: 395px;
	height: auto;
/*	margin-left: -206px;
	margin-top: -190px;*/
}


/*
form-section
*/
.form-section {
	padding: 1px;
	position: relative;
	background: url(img/section5-bg.png) no-repeat;
	background-position: top center;
	background-size: 30% auto;
}
.form-section .wrapper-top{
	position: relative;
	margin: 0 auto;
	width: 1004px;
}
.form-section .wrapper-top h1{
	margin: 60px 0;
	font-size: 42px;
	text-align: center;
}
div.form{
	position: relative;
	padding: 10px 0;
	width: 1003px;
	height: 410px;
}
div.form img.form {
display: block;
position: absolute;
top: 10px;
left: 0;
}
div.form input[type=text], div.form input[type=password], div.form select {
	box-sizing: border-box;
	border: solid 1px #eee;
	border-radius: 6px;
	background-color: #fff;
	padding-left: 10px;
	color: #888;
}
div.form div.try div.left input, div.form div.try div.right select {
	position: absolute;
	height: 37px;
}
div.form input[type=checkbox], div.form input[type=radio] {
box-sizing: border-box;
border: solid 1px #cdcdcd;
color: #595656;
}
div.form div.left input#name {
	left: 210px;
	top: 0px;
	width: 595px;
}
div.form div.left input#tel {
left: 210px;
top: 46px;
width: 790px;
}
div.form div.left input#email {
left: 210px;
top: 94px;
width:790px;
/*height:37px;*/
}
div.form div.left select#car{
	position: absolute;
	width:790px; 
	height: 37px;
	top: 142px;
	left: 210px;
}
div.form div.right select#dealerprovince, .chosen-container#dealerprovince_chosen {
position: absolute;
width: 200px;
left: 210px;
top: 188px;
}
div.form div.right select#dealercity, .chosen-container#dealercity_chosen {
position: absolute;
width: 200px;
left: 426px;
top: 188px;
}
div.form div.right select#dealer, .chosen-container#dealer_chosen {
position: absolute;
width: 360px;
left: 641px;
top: 188px;
}
#sex, #sex2 {
position: absolute;
top: 11px;
left: 841px;
}
#sex2 {
left: 912px;
}
#i-want{
	position: absolute;
top: 290px;
left: 30px;
}
#i-read{
	position: absolute;
top: 325px;
left: 30px;	
}
.i-want-txt{
	position: absolute;
top: 286px;
left: 55px;
width: 635px;
height: 20px;
}
.i-read-txt{
	position: absolute;
top: 315px;
left: 55px;	
width: 266px;
height: 29px;
}
#i-read-a{
	position: absolute;
	top: 320px;
left: 192px;	
width: 119px;
height: 25px;
}
.submit {
position: absolute;
width: 100%;
height: 52px;
left: 0;
bottom: 0;
}
.tj img{
	display: block;
	margin: 0 auto;
	width: 157px;
	height: 52px;
}
span.error {
    display: none !important;
}
div.error, input.error, select.error, div.error span {
    color: red !important;
}
/*
footer
*/
div.footer_content{
	padding: 14px 25px 29px 25px;
}


/* 浮层 */
.float-layout {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
}
.float-content {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1000;
}
.float-layout:before {
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 999;
	background-color: rgba(0,0,0,0.5);
}
.float-success {
	width: 675px;
	height: 444px;
	margin-left: -338px;
	margin-top: -222px;
	padding: 220px 42px 43px 42px;
    box-sizing: border-box;
	background: url(../img/float_success.png) no-repeat;
}
.float-success .close {
	position: absolute;
    right: 20px;
    top: 40px;
	width: 51px;
	height: 51px;
	margin-left: -25px;
	margin-top: -25px;
	background: url(../img/float_close.png) no-repeat;
	cursor: pointer;
}
.float-success .share {
	margin: 20px auto;
	width: 304px;
	height: 46px;
	background: url(../img/float_success_share.png) no-repeat;
	cursor: pointer;
}
.float-success .more {
	margin: 20px auto;
	width: 304px;
	height: 46px;
	background: url(../img/float_success_more.png) no-repeat;
	cursor: pointer;
}
.float-rule {
	width: 456px;
	height: 650px;
	margin-left: -228px;
	margin-top: -325px;
    box-sizing: border-box;
	background: url(../img/float_rule.png) no-repeat;
}
.float-rule .close {
	position: absolute;
    right: 4px;
    top: 28px;
	width: 51px;
	height: 51px;
	margin-left: -25px;
	margin-top: -25px;
	background: url(../img/float_close.png) no-repeat;
	cursor: pointer;
}